<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lucn样式表</title>
<link rel="stylesheet" type="text/css" href="lucn.css">
<style>
</style>

<!--[if lte IE 8]>
<style>
.check_box label,.radio_box label{display:none;}
</style>
<![endif]-->
</head>

<body>
<section>
<h2>单选框复选框</h2>
<h3>单选框</h3>
<div style="text-indent:2em;">
<p style=" margin-top:8px; margin-bottom:8px; line-height:19px;">
<label class="lucn-radio_box">
	<input type="radio" id="radio_1" name="address_id" value="1" checked="checked"/>
	<i for="radio_1"></i>
	<em>选项一啦</em>
</label>
</p>
<p style=" margin-top:8px; margin-bottom:8px; line-height:19px;">
<label class="lucn-radio_box">
	<input type="radio" id="radio_2" name="address_id" value="1" checked="checked"/>
	<i for="radio_2"></i>
	<em>选项二啦</em>
</label>
</p>
</div>

<h3>复选框</h3>
<div style="text-indent:2em;">
<p style=" margin-top:8px; margin-bottom:8px; line-height:19px;">
<label class="lucn-check_box">
		<input type="checkbox" id="check_1">
		<i for="check_1"></i>
		<em>选项1</em>
	</label>

</p>
<p style=" margin-top:8px; margin-bottom:8px; line-height:19px;">
<label class="lucn-check_box">
		<input type="checkbox" id="check_1">
		<i for="check_1"></i>
		<em>选项2</em>
	</label>

</p>
</div>
</section>
</body>
</html>